import { useNavigate } from 'react-router-dom'
import { Button, Result } from 'antd'


const Notfound = () => {
  const navigate = useNavigate()
  return (
    <div style={{width:'100%',height:'100%',display:'flex',justifyContent:'center',alignItems:'center'}}>
      <Result
        status="404"
        title="404"
        subTitle="访问的页面不存在"
        extra={<Button type="primary" onClick={()=>{navigate('/')}}>返回首页</Button>}
      />
    </div>
  )
}

export default Notfound